<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		记录列表
		<br><br>
		姓名：
		<input type="text" name="name" id="name1" value="" placeholder="姓名" /><br>
		性别：
		<label id="lab1" ><input type="radio" name="sex" id="sex_id" value="男"/>男</label>
		<label id="lab2"><input type="radio" name="sex" id="sex_id" value="女"/>女</label><br>
		爱好：
		<label><input type="checkbox" name="hobby" id="" value="健身" />健身</label>
		<label><input type="checkbox" name="hobby" id="" value="篮球" />篮球</label>
		<label><input type="checkbox" name="hobby" id="" value="跑步" />跑步</label><br>
		地址：
		<select id="place" name="addr">
			<option value="请选择" selected>请选择</option>
			<option value="山东">山东</option>
			<option value="北京">北京</option>
			<option value="河北">河北</option>
			<option value="全部" >全部</option>
		</select><br>
		<button type="button" id="btn1" onclick="add()">添加</button><br><br>
		姓名：<input type="text" name="name2" id="name2" value="" placeholder="姓名" />
		地址：<select id="addr2" name="addr2" >
			<option value="">请选择</option>
			<option value="山东">山东</option>
			<option value="北京">北京</option>
			<option value="河北">河北</option>
			<option value="全部" selected>全部</option>
		</select>
		<button type="button" id="btn2" name="" onclick="sel()">搜索</button><br><br>
		<table style="width: 60%; border: 1px solid gray;">	
			<thead >
				<th style="width: 10%; text-align: left;">ID</th>
				<th style="width: 20%; text-align: left;">姓名</th>
				<th style="width: 15%; text-align: left;">性别</th>
				<th style="width: 25%; text-align: left;">爱好</th>
				<th style="width: 10%; text-align: left;">地址</th>
				<th style="width: 20%; text-align: left;">操作</th>
			</thead>
			<tbody id="tbody"></tbody>
		</table>
		<script src="js/jquery-3.6.0.min.js"></script>
		<script src="./js/jq2.js"></script>
	</body>
</html>
